<template>
		
	 
	 <view>
<!-- 		 <view class="">
		 	<view class="view-yuanjiao" hover-class="bg-click"> 一周 </view>
		 	<view class="view-yuanjiao" hover-class="bg-click"> 一月</view>
		 	<view class="view-yuanjiao" hover-class="bg-click">一年 </view>
		 </view> -->
		 <view class="flexs">
		            <view class="flex"  :class="index== navIndex?'news':''" v-for="(item,index) in navArr"> {{item.title}}</view>
		        </view>
		

	     <view class="table">
	       <view class="table-row" v-for="(item, index) in collect" :key="index">
	         <view class="table-cell">访问量多的编号是：{{ item.ll }}</view>
			    <view class="table-cell">访问的次数是：{{ item.his }}</view>
	       </view>
	     </view>
	   </view>
</template>

<script>
     
	export default {
		data() {
			return {
                 gjz:'',
				 id:1,
				 historyy:{},
				 collect:{},
				 navArr:[
				 	{id:1,title:'一周'},{id:2,title:'一月'},{id:3,title:'一年'}],
			}
		},
        onNavigationBarSearchInputChanged(val) {
            console.log(val)

        },
		onLoad(options) {
			console.log(JSON.parse(decodeURIComponent(options.hi)));
			this.collect= JSON.parse(decodeURIComponent(options.hi))
		},
        created() {
           
        },
		methods: {
            // dt(all){
            //     console.log(all)
            //     uni.navigateTo({
            //     url: '/pages/index/details?suinfo='+ encodeURIComponent(JSON.stringify(all))
            //     });
            // },
            initialize(){
                // this.request("/hou/findAll", 'GET').then((res) => {
                //     this.iidds=res.data.data
                //     console.log(this.iidds)
                // })
            }
		}
	}
</script>

<style>
	.flexs{
		text-align: center;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
				
	}
	.flex{
		width: 80px;
	    height: 30px;
	    background-color: #1E90FF;
	    border-right: 1px solid;
	    white-space: nowrap;
	    display: inline-block;
	}
.view-yuanjiao {
		width: 200rpx;
		height: 50rpx;
		display: flex;
		justify-content: center;
		border-radius: 25px;
		background-color: #007AFF;
	}
.bg-click{
	top: 3upx;
	background-color: #a7a9ff;
}

	.table {
	  display: flex;
	  width: 100%;
	  flex-direction: column;
	}
	
	.table-row {
	  display: flex;
	  width: 100%;
	  flex-direction: row;
	}
	
	.table-cell {
	  border: 1px solid #ccc;
	  width: 200px;
	  height: 100rpx;
	}
	.aa{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 700rpx;
		width: 250rpx;
		background-color: antiquewhite;
	}
	.bb{
		position: absolute;
		left: 200px;
		top: 0px;
		height: 700rpx;
		width: 250rpx;
		background-color: aqua;
		
	}
    	.box-bg {
    		background-color: #F5F5F5;
            
    	}
    
    	.city {
    		/* #ifndef APP-PLUS-NVUE */
    		display: flex;
    		/* #endif */
    		flex-direction: row;
    		align-items: center;
    		justify-content: flex-start;
    	
    	}
    
    	.input-view {
    		/* #ifndef APP-PLUS-NVUE */
    		display: flex;
    		/* #endif */
    		flex-direction: row;
    		flex: 2;
    		background-color: #f8f8f8;
    		height: $nav-height;
    		border-radius: 15px;
    		padding: 0 15px;
    		flex-wrap: nowrap;
    		margin: 7px 0;
    		line-height: 35px;
    	}
    
    	.input-uni-icon {
    		line-height: 35px;
    	}
    
    	.nav-bar-input {
    		height: 35px;
    		line-height:  35px;
    		/* #ifdef APP-PLUS-NVUE */
    		/* #endif */
    		padding: 0 5px;
    		font-size: 12px;
    		background-color: #f8f8f8;
    	}
            
</style>
